<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title></title>
		<style type="text/css">
			#title{
				color: red;
				border: 1px solid red;
				cursor: pointer;
				text-align: center;
			}
			.biaoti{
				background: yellow;
			}
			/*.bt{
				width: 300px;
				height: 200px;
			}*/
		</style>
		<script src="../jquery-1.11.3.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$('#title').click(function(){
					//添加指定的类名
//					$(this).addClass('biaoti');

					//移除类名
//					$(this).removeClass('bt');

					//当存在此类的时候就移除
					//不存在的时候添加
					$(this).toggleClass('biaoti');
				})
			})
		</script>
	</head>
	<body>
		<h1 id="title" class="bt">高手</h1>
	</body>
</html>
